widgets.brease.LineChart

Widget Description

short: Container widget to display graphically historic data
de: Container Widget zur grafischen Repräsentation von historischen Daten
en: Container widget to display graphically historic data

Properties

name description category type defaultValue bindable readOnly required localizable editableBinding projectable cssProp (has no setter and getter in JS) groupRefId groupOrder nodeRefId (for linking node and value) deprecated typeRefId (for StyleReference) subtype (for MpComIdentReference)
chartMargin Defines margins between the chart area and the external border of the widget Appearance PixelValCollection 15px false false false false false true
enable Initial option to enable widget. Behavior Boolean true true false false false false true
infiniteScroll Defines if infinite scrolling in the charts is possible or not Behavior Boolean true false false false false false true
maxZoomLevel Defines in percentage the upper limit of the zoom in the graph area (100 means no zoom level applied) Behavior UInteger 500 false false false false false true
minZoomLevel Defines in percentage the lower limit of the zoom in the graph area (100 means no zoom level applied) Behavior UInteger 20 false false false false false true
permissionOperate restricts operability to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
permissionView restricts visibility to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
showGrid Controls visibility of Gridlines Behavior Boolean true false false false false false true
style reference to a style for this widget type Appearance StyleReference default true false false false false true
tabIndex sets if a widget should have autofocus enabled (0), the order of the focus (>0), or if autofocus should be disabled (-1) Behavior Integer -1 false false false false false true
tooltip reference to a tooltip for a widget Appearance String false false false true false true
visible change visibility Behavior Boolean true true false false false false true
zoomType Defines on which Axis zooming is enabled Behavior brease.enum.ChartZoomType xy true false false false false true
zIndex The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 UInteger no defaultValue
defined		 false false true true true
left absolute position measured from left boundary of parent container Integer no defaultValue
defined		 false false false true true
top absolute position measured from top boundary of parent container Integer no defaultValue
defined		 false false false true true
height Outer height of widget Size 440 false false false true true
width Outer width of widget Size 720 false false false true true

Styleable Properties

name type description defaultValue
backColor Color

Sets the background color

 transparent
disabledBackColor Color

Sets the background color when disabled

 transparent
backGroundGradient Gradient

Background as a gradient
disabledBackGroundGradient Gradient

Background as a gradient when disabled
chartColor Color

Color of chart area

 #FFFFFF
disabledChartColor Color

Color of chart area when disabled

 #FFFFFF
chartBorderColor Color

Color of chart area border

 #000000
disabledChartBorderColor Color

Color of chart area border

 #999999
gridColor Color

Color of the grid

 #DDDDDD
disabledGridColor Color

Color of the grid when the widget is disabled

 #EEEEEE
fontSize PixelVal

Font Size for all texts in Chart

 12px
fontName FontName

Font Name for all texts in Chart

 Arial
borderWidth PixelValCollection

Sets the width of the border.

 1px
borderColor ColorCollection

Sets the color of the border

 #5B7C70
disabledBorderColor ColorCollection

Sets the color of the border when disabled

 #C8C8C8
borderStyle BorderStyle

Style of the Border of the widget

 solid

Events

name description arguments
Click Fired when element is clicked on.
  • origin: String

    id of widget that triggered this event

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

DisabledClick Fired when disabled element is clicked on.
  • origin: String

    id of widget that triggered this event

  • hasPermission: Boolean

    defines if the state is caused due to missing roles of the current user

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

EnableChanged Fired when operability of the widget changes.
  • value: Boolean

    operability

FocusIn Fired when the widgets gets focus
FocusOut Fired when the widgets lost focus
OnDragEnter Fired when element has onDragEnter.
  • contentId: String

    content id of the widget that has been entering the droppable widget

  • widgetId: String

    id of the widget that has been entering the droppable widget

OnDragLeave Fired when element has OnDragLeave.
  • contentId: String

    content id of the widget that has been leaving the droppable widget

  • widgetId: String

    id of the widget that has been leaving the droppable widget

OnDrop Fired when element has OnDrop.
  • contentId: String

    content id of the widget that has been dropped on the droppable widget

  • widgetId: String

    id of the widget that has been dropped on the droppable widget

VisibleChanged Fired when the visibility of the widget changes.
  • value: Boolean

    visibility

Actions

name description arguments result
Focus Sets focus on the widget element, if it can be focused and keyboardOperation=true
ScrollDown Scroll down
ScrollLeft Scroll to the Left
ScrollRight Scroll to the right
ScrollUp Scroll up
SetEnable Sets the state of property «enable»
  • value: Boolean

SetMaxZoomLevel Sets maxZoomLevel
  • maxZoomLevel: UInteger

SetMinZoomLevel Sets minZoomLevel
  • minZoomLevel: UInteger

SetStyle
  • value: StyleReference

SetVisible Sets the state of property «visible»
  • value: Boolean

SetZoomType Sets the zoomType, which affects the zomming behavior of the axes
  • zoomType: brease.enum.ChartZoomType

ShowTooltip
ZoomIn Zoom in
ZoomOut Zoom out
ZoomReset Zoom Reset